require('../less/home.less')

require('../fonts/iconfont.css')
/* require('../fonts/iconfont.css')
require('../fonts/iconfont.css') */
require("../lib/swiper/swiper.css")

//引入swiper
/* const { Swiper } = require('swiper');
 */
document.ready(function () {
    utils.registers()
    /* 获取元素今日打卡 */
    const paiming = document.querySelector("#paiming")   //排名

    const punchIn = document.querySelector("#punchIn")   //打卡天数

    const tbodyPunch = document.querySelector("#tbodyPunch")  //确定今日是否打卡

    const insigniaNum = document.querySelector("#insigniaNum")   //勋章个数



    /* const paiming = document.querySelector("#paiming")
    const paiming = document.querySelector("#paiming")
    const paiming = document.querySelector("#paiming") */





    //动态导航
    utils.showTabs('home')






    /* home轮播图 */
    function lunbo() {
        var mySwiper = new Swiper('.swiper-container', {
            /* direction: 'vertical', */ // 垂直切换选项
            loop: true, // 循环模式选项


            /* 自动播放 */
            autoplay: true,



            // 如果需要分页器
            pagination: {
                el: '.swiper-pagination',
            },

            // 如果需要前进后退按钮
            navigation: {
                nextEl: '.swiper-button-next',
                prevEl: '.swiper-button-prev',
            },

            // 如果需要滚动条
            /*  scrollbar: {
                 el: '.swiper-scrollbar',
             }, */
        })


    }
    lunbo()

    /* "data": {
        "rank": 4,  // 排名
        "insigniaNum": 0,  // 运动徽章数量
        "isPunch": true,  // 是否打卡
        "punchIn": 7  // 打卡天数
    } */

    /* 获取首页数据,和那个密码登录关联 */
    function date() {
        //获取本地存储中的用户id
        const userId = localStorage.getItem("userId")

        //拿到数据后发送请求,注意拿首页数据  headPageInfo?userId=3055是参数 解析变量要${}
        $http.get(`/headPageInfo?userId=${userId}`, function (res) {
            //res是登录时的响应数据
            // console.log(res);
            if (res.status === 0) {
                //渲染数据
                console.log(res.data.isPunch);
                console.log(res);

                paiming.textContent = res.data.rank

                punchIn.textContent = res.data.punchIn

                insigniaNum.textContent = res.data.insigniaNum

                tbodyPunch.textContent = res.data.isPunch === 'true' ? '已打卡' : '今日打卡';

            }
        })



        //console.log(userId);

    }
    date()



    //今日打卡
    tbodyPunch.addEventListener("click", function () {
        console.log("1");

        //获取本地存储中的用户id
        const userId = localStorage.getItem("userId")
        //发请求
        $http.get(`/clockIn?userId=${userId}`, function (res) {
            /*  console.log(res); */
            if (res.status === 0) {
                tbodyPunch.textContent = '已打卡'

            }
        })

    })

    /* const mywode = document.querySelector(".mywode");
    mywode.addEventListener("click", function () {
        location.href = "./my.html"
    }) */
})